//根组件
// import React from 'react'//早期需要引入react，现在不用
// JSX就是在JS文件中编写增强版的html代码，jsx本质上就是一个语法糖，底层会被转化为React.createElement方法创建元素
// 面试题：为什么传统DOM特别消耗性能？为什么虚拟DOM性能更高？
// 答：因为DOM操作是对标签的300个属性进行操作，而react的虚拟DOM只有不到10个属性，每一次熟悉性的操作都是消耗内存的，所有说react的虚拟DOM性能非常高
// console.dir(document.createElement('h1'))
// console.log(React.createElement('h1'))

import First from './First'  //引入组件
import Event from './Event'  //引入组件

// 组件名称首字母大写
function App(){
    return (
        <>
            {/* <h1>你好，世界</h1> */}
            {/* <h2>我不好</h2>  */}
            {/* <First /> */}
            <Event></Event>
        </>
    )
}

export default App